<h2 class="page-header">{{title}}</h2>

<div class="list-group">
    <a ng-repeat="f in films" href="#!/detail/{{f.id}}" class="list-group-item">
        <span class="badge">{{f.rating.average}}</span>
        <div class="media">
            <div class="media-left">
                <img ng-src="{{f.images.small}}" alt="{{f.title}}">
            </div>
            <div class="media-body">
                <p>电影：<span>{{f.title}}</span></p>
                <p>电影：<span>{{f.genres.join('、')}}</span></p>
                <p>导演：
                    <span ng-repeat="d in f.directors">
                        {{d.name}}
                        <span ng-if="!$last">、</span>
                    </span>
                </p>
                <p>演员：
                    <span ng-repeat="c in f.casts">
                        {{c.name}}
                        <span ng-if="!$last">、</span>
                    </span>
                </p>
            </div>
        </div>
    </a>
</div>
<div class="mask" ng-show="complete">
    <div class="progress col-xs-offset-3 col-sm-offset-5 col-md-offset-5 col-lg-offset-5">
        <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="10" aria-valuemax="100" style="width: {{progress}}%">
            <span class="sr-only">20% Complete</span>
        </div>
    </div>
</div>
<div ng-show="!complete">
    <div class="text-info">
        &nbsp;&nbsp;&nbsp;&nbsp;共{{totalCount}}条 共{{totalPage}}页/第{{CurrentPage}}页
    </div>
    <nav>
        <ul class="pager">
            <li ng-class="{disabled:CurrentPage<=1}"><a ng-click="go(CurrentPage-1)">上一页</a></li>
            <li ng-class="{disabled:CurrentPage>=totalPage}"><a ng-click=" go(CurrentPage+1) ">下一页</a></li>
        </ul>
    </nav>
</div>